import { createApp } from "vue";
import { createPinia } from "pinia";

import App from "./App.vue";
import router from "./router";
import scrollAnimate from '@/directives/scrollAnimate';

import "@/assets/css/base.css";
import "@/assets/css/main.scss";
import "@/assets/css/tailwind.css";
import "@/assets/css/custom.scss"; // 二开自定义公共样式
import { registerEcharts } from "@/plugins/echarts";
import customBorder from "@/components/border/index.vue"; // 自定义边框

import * as echarts from "echarts";
window.echarts = echarts;

//不使用mock 请注释掉
import { mockXHR } from "@/mock/index";
mockXHR();


const app = createApp(App);
registerEcharts(app);
app.use(createPinia());
app.use(router);
app.directive('scroll-animate', scrollAnimate)
app.component('customBorder', customBorder) // 全局注册
app.mount("#app");
